<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<title>ManiaConnect official buttons</title>
		<link rel="stylesheet" href="media/css/mania-connect/mania-connect-buttons.css" type="text/css" media="all" />
	</head>
	<body>
		<h1>ManiaConnect official buttons</h1>
		<h2>Examples</h2>
		<p>
			<a href="#" class="mania-connect-100x24">Connect</a>
		</p>
		<p>
			<a href="#" class="mania-connect-200x24">Connect with Maniaplanet</a>
		</p>
		<p>
			<a href="#" class="mania-connect-202x50">Connect</a>
		</p>
		<h2>Available images</h2>
		<p>
			<img src="http://files.maniaplanet.com/web/images/mania-connect/mania-connect-100x24-sprite.png" alt="" />
			<img src="http://files.maniaplanet.com/web/images/mania-connect/mania-connect-100x24.png" alt="" />
			<img src="http://files.maniaplanet.com/web/images/mania-connect/mania-connect-100x24-hover.png" alt="" />
			<br />
			<img src="http://files.maniaplanet.com/web/images/mania-connect/mania-connect-200x24-sprite.png" alt="" />
			<img src="http://files.maniaplanet.com/web/images/mania-connect/mania-connect-200x24.png" alt="" />
			<img src="http://files.maniaplanet.com/web/images/mania-connect/mania-connect-200x24-hover.png" alt="" />
			<br />
			<img src="http://files.maniaplanet.com/web/images/mania-connect/mania-connect-202x50-sprite.png" alt="" />
			<img src="http://files.maniaplanet.com/web/images/mania-connect/mania-connect-202x50.png" alt="" />
			<img src="http://files.maniaplanet.com/web/images/mania-connect/mania-connect-202x50-hover.png" alt="" />
		</p>
		<p>
			<a href="http://code.google.com/p/maniaplanet-ws-sdk/">More information</a>
		</p>
	</body>
</html>